﻿html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

html, body {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.layout-left-content {
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%)
}

.layout-right {
    width: 100%
}

.top-row {
    height: 2.5rem;
    display: flex;
    align-items: center;
}

.top-menu-names .menu-name {
    font-weight: 600;
}



.layout-header-bar {
    margin-right: 10px;
}

a, .btn-link {
    color: #0366d6;
}


@media (min-width: 768px) {
    .menu.is-vertical.is-collapsed .nav-link .nav-link-text {
        width: auto !important;
        opacity: 1 !important;
    }
}
/***********************************************************/
/*begin menu */

.myMenu .nav-link-text {
    color: white
}

.myMenu .fa-angle-down {
    color: white;
}

.menu.is-vertical.is-collapsed .has-leaf > .accordion {
    padding-left: 10px !important;
}

.menu.is-vertical .nav-link {
    color: white !important;
}
/*end menu */
/***********************************************************/


/*begin blazor*/
#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/*end blazor*/

/*begin table*/
.table-loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ddd;
    opacity: 0.5;
    z-index: 1
}


.table-bordered thead tr:last-child > th {
    border-bottom-width: 1px !important;
    border-bottom-color: var(--bs-secondary);
}

.float-left.table-toolbar-button button {
    margin-left: 5px;
}

.table tbody tr.click {
    background-color: #1E9FFF !important;
}

.table .click {
    --bs-table-hover-bg: #1E9FFF !important;
}

.table tbody tr.click td {
    background-color: #1E9FFF !important;
}

.table .click {
    --bs-table-striped-color: #1E9FFF !important;
    --bs-table-striped-bg: #1E9FFF !important;
    --bs-table-active-color: #1E9FFF !important;
    --bs-table-active-bg: #1E9FFF !important;
    --bs-table-hover-color: #1E9FFF !important;
    --bs-table-hover-bg: #1E9FFF !important;
}

.table tbody tr.cancelled {
    background-color: #f1416c !important;
}

    .table tbody tr.cancelled td {
        background-color: #f1416c !important;
    }

.table-toolbar-button button {
    margin-right: 0.5rem;
}
/*end table */





/*.btn-secondary {
    color: white;*/
/*    border-color: transparent !important;
    background: #5aba1f;*/
/*border-color: #1E9FFF;
    background-color: #1E9FFF;
}


    .btn-secondary:hover {*/
/*        background: #5aba1f;
        background-image: -webkit-linear-gradient(top, #53a621 0%, #5aba1f 100%);
        background-image: -moz-linear-gradient(top, #5aba1f 0%, #53a621 100%);
        background-image: linear-gradient(top, #5aba1f 0%, #53a621 100%);
        text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);*/
/*border-color: #1E9FFF;
        background-color: #1E9FFF;
        color: black;
    }*/


.layout-main {
    height: 100%;
    width: 100%;
}



.card-body {
    height: 100%;
    width: 100%;
    padding: 5px !important
}

.card {
    border-radius: 0.1rem;
}

@media (min-width: 768px) {
    .d-md-none {
        display: block
    }
}


.fa-loading {
    width: 15px;
    height: 15px;
    /* margin: 0 auto 25px;
    background-repeat: no-repeat;
    background-position: center;*/
    background-size: cover; /*background-size的cover特定值会保持图像本身的宽高比例，将图片缩放到正好完全覆盖定义背景的区域。*/
    /* display: block;*/
    background-image: url(../img/loading3.gif) !important
}


.btn-group-search .form-select-input {
    width: 100% !important
}


:root {
    --bs-row-label-width-s: 125px;
}

@media (min-width: 576px) {

    .form-inline .form-label + * {
        width: calc(100% - var(--bs-row-label-width-s) - 50px) !important;
    }

    .form-inline .form-label {
        width: var(--bs-row-label-width-s);
    }

    .form-inline .custom-select, .form-inline .input-group {
        width: auto;
    }

    .form-control {
        border-radius: .1rem !important;
    }
}

.radio-list .form-check {
    width: auto;
}

.form-group-input {
    display: inline-block
}

.form-group {
    margin-bottom: 10px
}



.btn {
    border-radius: .1rem;
}

.table-bordered {
    border-radius: 1px;
}

.table-cell {
    padding: 0 15px;
    height: 28px;
    line-height: 28px;
}

td .table-cell {
    color: #212529;
}

th .table-cell {
    color: #212529;
    font-weight: bold;
}

.table td, .table th {
    padding: 5px 0;
}

/*.table-bordered thead td, .table-bordered thead th {
    border-bottom-width: 1px;
}*/

.table-bordered thead tr:last-child {
    border-bottom-width: 1px !important;
}

.highlight-red {
    background-color: #f5c6cb !important
}

.highlight-warning {
    background-color: #ffeeba
}


/*begin  table-group             */
.table-group {
    width: 100%;
    height: 100%;
    overflow: auto;
    min-height: 200px;
}

.table-group-whitespace .table-scroll .table tbody td .table-cell:not(.is-wrap) {
    white-space: nowrap !important;
}
/*end  table-group                  */


pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

.validation-message {
    color: red !important
}

.form-control.invalid {
    border-color: #dc3545;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
}


/*begin layui **********************************************************/
.layui-layer-rim {
    border: 0px solid rgba(0,0,0,.3);
}

.layui-layer-content {
    padding: 20px
}
/*end layui **********************************************************/

.groupbox {
    margin-top: 0.6rem;
}

.pagination-items .select.dropdown {
    width: 120px;
}

/*.dropdown-menu.shadow {
    width: auto;
    max-height: 300px;
    overflow: auto;
}*/

.modal-from-header {
    margin-bottom: 14px;
    margin-top: -14px;
    padding: 5px;
    border-bottom: 1px solid #1E9FFF;
}


.tabs.tabs-top {
    width: 100%;
}


.validation-message {
    margin-left: calc(var(--bs-row-label-width-s)) !important;
}


.menu .nav .dropdown-menu .nav-link:not(.disabled):hover, .menu .nav .dropdown-menu .nav-link.active, .menu .submenu .nav-link.active, .menu .submenu .nav-link:not(.disabled):hover, .cascade .dropdown-item:not(.disabled):hover, .cascade .dropdown-item.active, .cascade .nav .nav-link:not(.disabled):hover, .cascade .nav .nav-link.active {
    background-color: #60aff9 !important;
    color: #009ef7;
}


::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #409eff;
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: #6130c7;
    }


.scroll::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #409eff;
}

    .scroll::-webkit-scrollbar-thumb:hover {
        background-color: #6130c7;
    }


body, .form-control, .dropdown-menu, .form-select, .btn:not(.btn-xs):not(.btn-sm):not(.btn-md):not(.btn-lg):not(.btn-xl), .input-group-text {
    font-size: 10pt;
}



.btn {
    padding: 2pt 5pt
}

.btn-xs, .btn-group-xs > .btn {
    padding: 1pt 5pt;
    font-size: 6pt;
}



.form-control {
    padding: 2pt 5pt;
    font-size: 10pt;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 2000px !important;
    }
}

.datetime-picker-input {
    padding-left: 2rem!important;
}

.datetime-picker-input-icon {
    line-height: 30px;
}